html,
body {
  margin: 0;
  padding: 0;
}

body {
  padding: 15px;
  background-color: #f2f3f5;
}
/* 重置密码 */
.layui-card{
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #edeff6 ;
  padding-left: 30px;
}

.password {
  margin-top: 50px;
  position: relative;
}
/* 原密码 */
.password .old {
  display: flex;
  margin-top: 30px;
}
 
.password .right{
  color: #7476a2;
}
.password input{
  width: 300px;
  height: 30px;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
}
/* 新密码 */
.password .new {
  display: flex;
  margin-top: 30px;
}

/* 确认新密码 */
.password .confirm {
  display: flex;
  margin-top: 30px;
  margin-left: -27px;
}

.password .text{
  height: 30px;
  line-height: 30px;
  padding-right: 30px;
  padding-left: 30px;
}

.password .text .left{
  color: #f79d84;
  margin-left: 10px;
}

.box{
  margin-top: 20px;
}

.box .left{
  margin-left: 150px;
  background-color: #409eff;
 
}

.tips2, .tips3{
  opacity: 0;
  line-height: 30px;
  color: #f56c6c;
  margin-left: 30px;
}

.modal{
  position: absolute;
  display: none;
  width: 100px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.box{
  margin-left:118px ;

}

.box .btn-Revise{
  width: 100px;
  height: 30px;
  background-color:#409eff;
  border-radius: 5px;
  border: 1px solid #ebecf0;
  color: #f3f6ff;
}

.box .btn-Reset{
  width: 70px;
  height: 32px;
  background-color: #ffffff;
  border-radius: 5px;
  border: 2px solid #ebecf0;
  margin-left: 20px;
  color: #66686b;
}

.password .new p{
  line-height: 30px;
  padding-left: 10px;
  color: #f56c6c;
}

.modal{
  color: #f56c6c;
}